@import "https://fonts.cdnfonts.com/css/akrobat";

*,:focus,:hover {
outline:none
}

body {
font-family:'DM Mono',monospace;
background:none;
background: radial-gradient(circle, rgba(251,75,75,0.22872899159663862) 0%, rgb(251, 239, 75) 100%);
}

.image {
position: absolute;
top: 10vh;
right: 58vw;
text-shadow: 0px 0px 0.8vh rgb(0 0 0 / 24%), 0px 0px 0.8vh rgb(0 0 0 / 100%);
}

.main-backgraund {
position:absolute;
background:#00000090;
border:1px solid #ffffff6a;
border-radius:15px;
height:25vw;
width:55vw;
left:25vw;
top:29vh
}

.faggio-img {
position:absolute;
height:55%;
width:40%;
left:2vh;
border-radius:10px;
top:10vh
}

.title {
position:absolute;
color:#FFF;
font-size:4vw;
max-width:40vw;
font-family:'Akrobat Light',sans-serif;
font-weight: bold;
top:0;
left:12vw
}

.price {
position:absolute;
color:#FFF;
font-size:50px;
font-family:'Akrobat Light',sans-serif;
font-weight: bold;
left:23.9vw;
top:10vh
}

.kmh {
position:absolute;
color:#FFF;
font-size:50px;
font-family:'Akrobat Light',sans-serif;
font-weight: bold;
left:23.9vw;
top:15vh
}

.time {
position:absolute;
color:#FFF;
font-size:50px;
font-family:'Akrobat Light',sans-serif;
font-weight: bold;
left:23.9vw;
top:20vh
}

.buy {
position:absolute;
background-color: #ff0000;
border-radius: 10px;
color: white;
cursor: pointer;
display: inline-block;
font-family:'Akrobat Light',sans-serif;
font-weight: bold;
padding: 7px 20px;
text-align: center;
text-decoration: none;
transition: all 250ms;
top:28vh;
border: 0;
font-size:50px;
margin-left:auto;
margin-right:1vw;
left:30vw;
font-size:2.25em;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
}

.exit {
position:absolute;
font-size:50px;
color:red;
top:1vh;
left:51vw
}

.exit:hover{
    color:rgba(207, 4, 4, 0.825);
    cursor: pointer;
}

.buy:hover {
transform: scale(1.05) rotate(-1deg);
background:#ff0000;
cursor: pointer;
}